<ion-content>
  <div>Default Searchbar</div>
  <ion-searchbar placeholder="请输入商品" (ngModelChange)="doChange()"></ion-searchbar>

  <div>showCancelButton="always"</div>
  <ion-searchbar showCancelButton="always"></ion-searchbar>

  <div>showCancelButton="never"</div>
  <ion-searchbar showCancelButton="never"></ion-searchbar>

  <div>showCancelButton="focus"</div>
  <ion-searchbar showCancelButton="focus"></ion-searchbar>

  <div>color="danger"</div>
  <ion-searchbar color="danger"></ion-searchbar>

  <div>value="Ionic"</div>
  <ion-searchbar value="Ionic"></ion-searchbar>

  <div>type="tel"</div>
  <ion-searchbar type="tel"></ion-searchbar>

  <div>inputmode="numeric"</div>
  <ion-searchbar inputmode="numeric"></ion-searchbar>

  <div>disabled</div>
  <ion-searchbar disabled="true"></ion-searchbar>

  <!-- <div>debounce</div>
  <ion-searchbar debounce="500"></ion-searchbar> -->

  <div>animated</div>
  <ion-searchbar animated></ion-searchbar>

</ion-content>